<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head th:include="common/front_head :: htmlhead">
<body class="met-navfixed">

<nav th:replace="common/front_head :: nav"></nav>

<div class="met-banner " data-height='300||'>
    <div class="slick-slide">
        <img class="cover-image" th:src="@{/static/images/newslist.jpg}"
             sizes="(max-width: 767px) 500px" alt="">
        <div class="banner-text p-5">
            <div class='container'>
                <div class='banner-text-con'>
                    <div>
                        <h2 th:text="${title}"></h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="met-news animsition ">
    <div class="container">
        <div class="row">
            <div class="col-md-9 met-news-body">
                <div class="row">
                    <div class="met-news-list">
                        <ul class="met-page-ajax" data-scale='1' >
                            <li th:each="content,contentStat : ${contentlist}">
                                <h4>
                                    <a th:href="@{/front/contentdetail/{id}(id=${content.id})}" th:text="${content.title}" th:title="${content.title}" target="_self">
                                    </a>
                                </h4>
                                <p class="des"></p>
                                <span class="ms-hied"></span>
                                <p class="info">
                                    <span th:text="${#dates.format(content.publishtime,'yyyy-MM-dd')}"></span>
                                    <span th:text="${content.username}"></span>
                                    <span th:text="${'点击量：'+content.viewnum}"></span>
                                </p>
                            </li>


                        </ul>
                        <div>
                            <div class='met_pager' style="margin: 5px 0;">
                                <div class='met_pager'>
                                    <a class='Ahover' th:href="@{/front/newslist(type=${type},pagenum=${page.prePage})}" th:if="${page.pageNum} gt 1">上一页</a>
                                    <a class='Ahover' th:href="@{/front/newslist(type=${type},pagenum=1)}" th:unless="${page.pageNum} gt 1">上一页</a>
                                    <a class='Ahover' th:href="@{/front/newslist(type=${type},pagenum=${page.nextPage})}" th:if="${page.pageNum} lt ${page.pages}"}>下一页</a>
                                    <a class='Ahover' th:href="@{/front/newslist(type=${type},pagenum=${page.pages})}" th:unless="${page.pageNum} lt ${page.pages}"}>下一页</a>
                                    <a class='Ahover' th:href="@{/front/newslist(type=${type},pagenum=1)}">首页</a>
                                    <a class='Ahover' th:href="@{/front/newslist(type=${type},pagenum=${page.pages})}">末页</a>
                                    <a class='Ahover ms-Ahover' th:text="${'当前：'+page.pageNum}"></a>
                                    <a class='Ahover ms-Ahover' th:text="${'总页：'+page.pages}"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="row">
                    <div class="met-news-bar">
                        <form id="searchDataForm" th:action="@{/front/newslist}" method="post">
                            <input type='hidden' name='type' th:value="${type}" />
                            <input type='hidden' name='pagenum' value=1 />

                            <div class="form-group">
                                <div class="input-search">
                                    <button class="input-search-btn" type="submit">
                                        <i class="iconfont" aria-hidden="true">&#xe70d;</i>
                                    </button>
                                    <input type="text" class="form-control" name="title" placeholder="请输入关键字">
                                </div>
                            </div>
                        </form>
                        <div class="recommend news-list-md">
                            <h3>为您推荐</h3>
                            <ul class="list-group list-group-bordered" >
                                <li class="list-group-item" th:each="recommend,recommendStat : ${recommendlist}" th:if="${recommendStat.count}<=3">
                                    <a th:href="@{/front/contentdetail/{id}(id=${recommend.id})}" th:text="${recommend.title}" th:title="${recommend.title}" target='_self'></a>
                                </li>
                            </ul>
                        </div>
                        <ul class="column">
                            <li>
                                <a th:href="@{/front/newslist(type='xwdt',pagenum=1)}" title="新闻动态"
                                   target='_self'>新闻动态</a>
                            </li>
                            <li>
                                <a th:href="@{/front/newslist(type='hdzx',pagenum=1)}" title="活动展讯"
                                   target='_self'>活动展讯</a>
                            </li>
                            <li>
                                <a th:href="@{/front/newslist(type='tztg',pagenum=1)}" title="通知通告"
                                   target='_self'>通知通告</a>
                            </li>
                            <li>
                                <a th:href="@{/front/newslist(type='xscg',pagenum=1)}" title="学术成果"
                                   target='_self'>学术成果</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<div th:replace="common/front_head :: footnav"></div>
<footer th:replace="common/front_head :: footer"></footer>

<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide">
    <i class="iconfont" aria-hidden="true">&#xe608;</i>
</button>
<script th:src="@{/static/js/metinfo.js}"></script>
<script>
    $(".navbar-nav>li").eq(1).addClass("active").find("a").addClass("link").addClass("active");
</script>
</body>
</html>